﻿<div class="sample_title">UI - Simple Tooltips (automatic created after page loaded)</div>
to create simple tooltips, just create any objek then add property <u>title</u> and give css class <u>tooltips</u>.<br /><br />
sample:<br />
<div class="sample_preview">
    <a href="#" class="tooltips" title="This is sample of tooltips">Hover Here</a><br /><br />
    Input text <input type="text" class="textfield medium tooltips" title="tooltips inside input" />
</div><br />
code:
<div class="sample_code" rel="brush: js; html-script: false;">
    &lt;a href=&quot;#&quot; class=&quot;tooltips&quot; title=&quot;This is sample of tooltips&quot;&gt;Hover Here&lt;/a&gt;<br /><br />
    
    Input text &lt;input type=&quot;text&quot; class=&quot;textfield medium tooltips&quot; title=&quot;tooltips inside input&quot; /&gt;<br />
    
</div>
<br /><br /><br /><br /><br />
<div class="sample_title">UI - Set Tooltips</div>
In other case, if object created after page loaded you need to manualy set Tooltips using <u>setTooltips()</u> function
<div class="sample_code" rel="brush: js; html-script: false;">
    $('#selector').setTooltips('Tooltips Text');<br />
</div><br />
example:<br />
<div class="sample_preview">
    <button onclick="$('#api_sample_container').html('<input type=\'text\' class=\'textfield\' id=\'api_input_tooltips\' />');">Create Object</button> 
    <button onclick="$('#api_input_tooltips').setTooltips('Tooltips In New Object<br />HTML is <font color=yellow>enabled</font>');">Set Tooltips</button> 
    <button onclick="$('#api_sample_container').html('');">Destroy Object</button><br /><br />
    <div id="api_sample_container"></div>
</div>
<br />
code:
<div cl
<div class="sample_code" rel="brush: js; html-script: false;">
    /* ActionButton */
    &lt;button onclick="$('#sample_container').html('&lt;input type=\'text\' class=\'textfield\' id=\'input_tooltips\' /&gt;');"&gt;Create Object&lt;/button&gt; 
    &lt;button onclick="$('#input_tooltips').setTooltips('Tooltips In New Object&lt;br /&gt;HTML is &lt;font color=yellow&gt;enabled&lt;/font&gt;');"&gt;Set Tooltips&lt;/button&gt; 
    &lt;button onclick="$('#sample_container').html('');"&gt;Destroy Object&lt;/button&gt;
    
    /* Container */
    &lt;div id="sample_container"&gt;&lt;/div&gt;
    <% for (int i = 0, max_i = 5; i < max_i; i++) { Response.Write("<br />"); } %>
</div>
